<!DOCTYPE HTML>
<html>
<head>
	<title>Transition Template</title>
	<link rel="stylesheet" type="text/css" href="styles.css" />
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript" src="js/jquery.js"></script> 
	<script type="text/javascript" src="js/m-x.js"></script>
	<script type="text/javascript" src="js/panorama.js"></script>
	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
</head>

<body>
<header>
</header>

You are now walking through the LDT studio! Walk forward until you get an alert for a secret. 
<p>
<audio id="chirp" src="images/birdchirp.mp3" preload="auto" controls="controls">Your browser does not support the audio element.</audio>
</p>

<script language="javascript" type="text/javascript">
	window.onload = function() {
		var ifr=document.createElement("iframe");
		ifr.setAttribute('src', "images/birdchirp.mp3");
		ifr.setAttribute('width', '1px');
		ifr.setAttribute('height', '1px');
		ifr.setAttribute('scrolling', 'no');
		ifr.style.border="0px";
		document.body.appendChild(ifr);
		
	}
	
	setTimeout ( "alertVibrate()", 7000 );
	
	function alertVibrate( ) {
		document.getElementById('chirp').play();
		window.location = "template.html";
		alert('Your bird wants to tell you a secret. Look around and find it!');
	}
</script>

<!--<section>
	<video src="images/transition.3gp" autoplay="autoplay"></video>
	
	
	<!--to do: issues autoplay http://jonathanstark.com/blog/2010/02/15/notes-on-html5-video-and-iphone/ -->

</section>



	
<footer>
</footer>-->
</body>

</html>